(function($) {
	//Tab View pager
	$('.mui-scroll-wrapper').scroll({
		indicators: true //是否显示滚动条
	});
	//			var html2 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第二个选项卡子项-1</li></ul>';
	//	var html3 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第三个选项卡子项-1</li></ul>';
	var item1 = document.getElementById('item-finished');
	var item2 = document.getElementById('item-running');
	var item3 = document.getElementById('item-failed');
	document.getElementById('slider').addEventListener('slide', function(e) {
		alert(e.detail.slideNumber);
		if(e.detail.slideNumber === 0) {
			if(item1.querySelector('.mui-loading')) {
				//					getCollects({
				//						"status": 1
				//					});
			}
		} else if(e.detail.slideNumber === 1) {
			if(item2.querySelector('.mui-loading')) {
				setTimeout(function() {
					var html="<form class=\"mui-input-group\">";
					for(var i = 0; i < 15; i++) {
						html += "<div class=\"mui-input-row mui-checkbox\"><label>测试" + i + "</label><input name=\"checkbox1\" type=\"checkbox\"  value=\""+i+"\"></div>";
					}
					item2.querySelector('.mui-scroll').innerHTML = html+"</form>";
				}, 500);
				//				getCollects({
				//					"status": 0
				//				});
			}
		} else if(e.detail.slideNumber === 2) {
			if(item3.querySelector('.mui-loading')) {
				//				setTimeout(function() {
				//					item3.querySelector('.mui-scroll').innerHTML = html3;
				//				}, 500);
				getCollects({
					"status": -1
				});
			}
		}
	});

	var getCollects = function(params) {
		//		var mParams = params();
		//			$.ajax({
		//					type: "post",
		//					dataType: "html",
		//					url: 'http://127.0.0.1:8080/JingbitServer/collect/getCollects.do',
		//					data: mParams,
		//					success: function(response) {
		//						console.log(response);
		//						var resp = JSON.parse(response);
		//						if(resp.code == 0) {
		//							var datas = JSON.parse(resp.data);
		//							var html;
		//							for(var i = 0; i < datas.length; i++) {
		//								html += "<div class="
		//								mui - input - row mui - checkbox "><label>" + datas[i].name + "</label><input name="
		//								checkbox1 "  type="
		//								checkbox " ></div></br>";
		//							}
		//							if(params.status == 0) {
		//								item1.querySelector('.mui-scroll').innerHTML = html;
		//							} else if(params.status == 1) {
		//								item2.querySelector('.mui-scroll').innerHTML = html;
		//							} else {
		//								item3.querySelector('.mui-scroll').innerHTML = html;
		//							}
		//						} else {
		//							if(params.status == 0) {
		//								item1.querySelector('.mui-scroll').innerHTML = "";
		//							} else if(params.status == 1) {
		//								item2.querySelector('.mui-scroll').innerHTML = "";
		//							} else {
		//								item3.querySelector('.mui-scroll').innerHTML = "";
		//							}
		//						}
		//
		//					}
	}

})(mui);